// 1.0 导入vue核心包
import Vue from 'vue';

// 2.0 导入App.vue的vue对象
import App from './App.vue';

// 3.0 将vue-router集成到这个项目中来
import vueRouter from 'vue-router';
// 3.0.1 将vueRouter对象绑定到Vue对象上
Vue.use(vueRouter);

// 3.0.2 导入路由规则对应的组件对象
import home from './components/home.vue';
import shopcar from './components/shopcar/car.vue';
import newslist from './components/news/newslist.vue';
import newsinfo from './components/news/newsinfo.vue';
import photolist from './components/photo/photolist.vue';
import photoinfo from './components/photo/photoinfo.vue';
import goodslist from './components/goods/goodslist.vue';
import goodsinfo from './components/goods/goodsinfo.vue';
import goodsdesc from './components/goods/goodsdesc.vue';
import goodscomment from './components/goods/goodscomment.vue';
// 导入公共配置
import common from './kits/common.js';
Vue.prototype.$common = common;

// 3.0.2 定义路由规则
var router1 = new vueRouter({
	linkActiveClass: 'mui-active', //改变路由激活时的class名称
	routes: [{
			path: '*',
			redirect: '/home' //解决不存在的路由地址问题，可以跳回首页（404页面）
		},
		{
			path: '/',
			redirect: '/home' //默认跳入home页面
		},
		{
			path: '/home',
			component: home
		},
		{
			path: '/shopcar',
			component: shopcar
		},
		{
			path: '/news/newslist',
			component: newslist
		},
		{
			path: '/news/newsinfo/:id',
			component: newsinfo
		},
		{
			path: '/photo/photolist',
			component: photolist
		},
		{
			path: '/photo/photoinfo/:id',
			component: photoinfo
		},
		{
			path: '/goods/goodslist/',
			component: goodslist
		},
		{
			path: '/goods/goodsinfo/:id',
			component: goodsinfo
		},
		{
			path: '/goods/goodsdesc/:id',
			component: goodsdesc
		},
		{
			path: '/goods/goodscomment/:id',
			component: goodscomment
		}
	]
});

// 4.0 注册mint-ui
// 导入mint-ui的css文件
import 'mint-ui/lib/style.min.css';
// 导入mint-ui组件对象
import mintui from 'mint-ui';
// 在Vue中全局使用mintui
Vue.use(mintui);

// 5.0 注册mui的css样式
import '../statics/mui/css/mui.css';

// 6.0 导入一个当前系统的全局基本样式
import '../statics/css/site.css';

// 将vue-resource在vue中绑定，自动在vue对象实例上注入一个$http对象就可以使用ajax方法
import vueResource from 'vue-resource';
Vue.use(vueResource);

// 定义全局过滤器实现日期格式化
import moment from 'moment';
Vue.filter('datefmt', function (input, fmtstring) {
	return moment(input).format(fmtstring);
});

// 使用图片预览组件view-preview
import VuePreview from 'vue-preview';
Vue.use(VuePreview);

// 7.0 利用Vue对象进行解析渲染
new Vue({
	el: '#app',
	// 使用路由对象实例
	router: router1,
	// render:function(create){create(App)} //es5的写法
	render: c => c(App) // es6的函数写法 =>：goes to
});